<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
	用户名 <input type="text" name="" class="userName"> <br>
	密码 <input type="text" name="" class="passWord"> <br>
	管理员姓名 <input type="text" name="" class="name"> <br>
	权限 <select class="role">
		<option value="1">超级管理员</option>
		<option value="2">管理员</option>
		<option value="3">管理员</option>
	</select> <br>
	<button>注册</button>
	<script type="text/javascript">
		let userName = document.querySelector(".userName")
		let password = document.querySelector(".passWord")
		let name = document.querySelector(".name")
		let role = document.querySelector(".role")
		let btn = document.querySelector("button")


		btn.onclick = function(){
 			let xhr = new XMLHttpRequest()

 			// 2.链接服务
 			xhr.open("post","http://wish.byesame.com/register")
 			// 请求头
 			xhr.setRequestHeader("content-Type",'application/x-www-form-urlencoded')
 			// 3.发送数据
 			xhr.send(`userName=${userName.value}&passWord=${password.value}&name=${name.value}&role=${role.value}`)
 			//4.接收数据
 			xhr.onreadystatechange = function(){
 				if (xhr.readyState == 4) {
 					let res = JSON.parse(xhr.responseText)
 					console.log(res)
 					//将token存储到本地
					if(res.code == 200){
						alert("注册成功")
					}else if (res.code == 188){
						alert("用户名已存在")
					}else{
						alert("请联系管理员")
					}
 				}
 			}
 		}
	</script>
</body>
</html>